<style>
.catt2 a {border:#c8c9cd 1px dotted;text-align:center;background-color:#fff;margin-left:5px;margin-top:6px;display:block;white-space:nowrap;color:#000;text-decoration:none;float:left;padding:7px;}
.catt2 a:hover {border:#ff6701 2px solid;margin:-1px;margin-left:4px;margin-top:5px;}
.catt2 a:focus {outline-style:none;}
.catt2 .catt2sel {border:#ff6701 2px solid;margin:-1px;background:url("__APP__/statics/choose_bg.jpg") no-repeat bottom right;margin-left:4px;margin-top:5px;}
.catt2sel {font-size:16px;font-weight:bold;color:#ff6701;}
.catt2 .catt2sel a:hover {border:#ff6701 2px solid;margin:-1px;background:url("__APP__/statics/choose_bg.jpg") no-repeat bottom right;}
.catt2{font-size:16px;}
.catt2 input{display:none;}
.catt2 .catt2sel a {width:170px;height:40;margin-left:10px}
img{border:0px;}
</style>

<div style="background-color:#fff;height:250px">
<ul class="catt2">
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/icbc.jpg" /><input  name="bank" type="radio" value="1" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/abc.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/cons.jpg" /><input name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/mer.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <div style="clear:both"></div>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/com.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/cnb.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/bj.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/cgb.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <div style="clear:both"></div>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/eve.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/ms.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/xy.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/spd.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
	  <div style="clear:both"></div>
	  <a  onclick="bankChange(this)" href="javascript:;"><img src="__APP__/statics/bank/ping.jpg" /><input  name="bank" type="radio" value="{$pay.id}" /></a>
</ul>
</div>
<script>
function bankChange(t) {
     t.lastChild.checked='checked';
     for (var i = 0; i<t.parentNode.childNodes.length;i++) {
            if (t.parentNode.childNodes[i].className == 'catt2sel') {
                   t.parentNode.childNodes[i].className = '';
            }
      }
	  t.className = "catt2sel";
}
</script>